extends tpl/basic.pug
append vars
  - var title ="消费列表"
append style
  link(rel="stylesheet", href="style/x-list.css")
block page
  .container
    .chos-num
      .img
        img(src="./image/weiwei.png")
      .info
        .info-name 
          span 技师：
          span 微微
        .info-type
          span 足浴按摩
          span 面部护理
          span 香肩热疗
    .chos-address
      .address
        img(src="./image/address.png", alt="")
        span 南京市建邺区河西大街14号
      .tel
        img(src="./image/tel.png", alt="")
        span 025-58475698
    .chos-margin
    .rese-info
      .title 优惠预订
      .time-ch
        .time
          -var arr=['一','二','三','四','五','六','七']
            each i,index in arr
              .li(class=(index==0?'active':''))
                p 周#{i}
                p 04-0#{index+1}
    .pro-type
      div.active 肩椎
      div 淋巴
      div 面部
    .list-ty.animated.fadeInRight(style='display:block;')
      -for(let i=0;i<7;i++)
        .li
          .img
            img(src="./image/type.png")
          .info
            p 中式按摩养生
            p=`${i}分钟`
            p 
              span.new 275元
              span.old 329元
          .make
            .yd 预定
    .list-ty.animated.fadeInRight
      -for(let i=0;i<7;i++)
        .li
          .img
            img(src="./image/type.png")
          .info
            p 中式按摩养生
            p=`${i}分钟`
            p
              span.new 275元
              span.old 329元
          .make
            .yd 预定
    .list-ty.animated.fadeInRight
      -for(let i=0;i<7;i++)
        .li
          .img
            img(src="./image/type.png")
          .info
            p 中式按摩养生
            p=`${i}分钟`
            p
              span.new 275元
              span.old 329元
          .make
            .yd 预定
    .button.animated.fadeInUp 确定


